<template>
  <a-spin tip="Loading..." :spinning="spinning">
  <a-row>
    <a-card>
      <a-row>
        <!-- <a-col span="9" align="center" justify="space-around"> -->
        <a-col span="9" >
          <!-- <a-row type="flex" justify="space-around"> -->
            <a-button style="margin-right:8px" id="print_true" @click="moreDec" disabled>批量删除</a-button>
            <a-button style="margin-right:8px" type="primary" @click="() => { $router.push({name:'charge_not_pay_import'})}">导入未缴账单</a-button>
            <a-button style="margin-right:8px" type="primary" @click="export_se">导出未缴账单</a-button>
            <!--<a-button style="margin-right:8px" type="primary" @click="exportModal2">导出未缴账单</a-button>-->
            <!-- <a-button @click="exportModal2">导出未缴列表</a-button> -->
          <!-- </a-row> -->
        </a-col>
        <a-modal
                title="导出未缴账单"
                :visible="exportVisible"
                @ok="exportOk"
                @cancel="exportCancel"
        >
          <a-row>
            <a-form>
              <a-col span="24">
                <a-form-item label="小区" :label-col="labelCol" :wrapper-col="wrapperCol">
                  <a-select placeholder="请选择所属小区" v-decorator="['bd_info_id',{rules:[{required:true,message:'请选择小区'}]}]">
                    <a-select-option v-for="(item,index) in bd_info" @click="bdPro(index)" :key="index" :value="item.id">{{item.name}}</a-select-option>
                  </a-select>
                </a-form-item>
              </a-col>
            </a-form>
          </a-row>
        </a-modal>
        <a-modal
                title="确认窗口"
                :visible="show_se"
                @ok="exportOk1"
                @cancel="export_se_cel"
        >
          <span v-for="(item,index) in qu_s" :key="index" style="padding: 3px;font-size: 16px">{{item}}<br /></span>
        </a-modal>
        <a-modal
                title="导出未缴列表"
                :visible="exportVisible2"
                @ok="exportOk2"
                @cancel="exportCancel2"
        >
          <a-row>
            <a-form>
              <a-col span="24">
                <a-form-item label="小区" :label-col="labelCol" :wrapper-col="wrapperCol">
                  <a-select placeholder="请选择所属小区" v-decorator="['bd_info_id',{rules:[{required:true,message:'请选择小区'}]}]">
                    <a-select-option v-for="(item,index) in bd_info" @click="bdPro2(index)" :key="index" :value="item.id">{{item.name}}</a-select-option>
                  </a-select>
                </a-form-item>
              </a-col>
              <a-col span="24">
                <a-form-item label="类型" :label-col="labelCol" :wrapper-col="wrapperCol">
                  <a-select placeholder="请选择类型">
                    <a-select-option v-for="(item,index) in type_list" @click="bd_see(index)" :key="index" :value="item.id">{{item.name}}</a-select-option>
                  </a-select>
                </a-form-item>
              </a-col>
              <a-col span="24">
                <a-form-item label="费用名称" :label-col="labelCol" :wrapper-col="wrapperCol">
                  <a-input v-model="messages"></a-input>
                </a-form-item>
              </a-col>
            </a-form>
          </a-row>
        </a-modal>
        <a-col span="7" offset="6">
          <a-row type="flex" justify="space-around">
            <a-col span="18">
              <a-input-search v-model="gj_name_value" placeholder="房号/车位号/车牌号/住户" @search="onSearch"></a-input-search>
            </a-col>
            <a-col span="2">
              <a-button @click="searchModal">
                <a-icon type="filter" />
              </a-button>
            </a-col>
            <a-modal
                    title="高级搜索"
                    :visible="searchVisible"
                    @ok="searchOk"
                    :confirmLoading="confirmLoading"
                    @cancel="searchCancel"
            >
              <a-row>
                <a-form>
                  <a-col span="24">
                    <a-form-item label="类型" :label-col="labelCol" :wrapper-col="wrapperCol">
                      <a-select placeholder="请选择类型" @change="type_click">
                        <a-select-option :key="0" :vaule="0">全部</a-select-option>
                        <a-select-option :key="1" :vaule="1">房屋</a-select-option>
                        <a-select-option :key="2" :vaule="2">车位</a-select-option>
                        <a-select-option :key="3" :vaule="3">车辆</a-select-option>
                        <a-select-option :key="4" :vaule="4">住户</a-select-option>
                        <!--<a-select-option :key="5" :vaule="5">租金</a-select-option>-->
                        <!--<a-select-option :key="6" :vaule="6">其它</a-select-option>-->
                      </a-select>
                    </a-form-item>
                  </a-col>
                  <a-col span="24">
                    <a-form-item label="小区" :label-col="labelCol" :wrapper-col="wrapperCol">
                      <a-select placeholder="请选择小区">
                        <a-select-option v-for="(item,index) in bd_info" :key="index" :value="item.id" @click="bd_click(item.id)">{{item.name}}</a-select-option>
                      </a-select>
                    </a-form-item>
                  </a-col>
                  <a-col span="24">
                    <!--<a-form-item label="收费项目" :label-col="labelCol" :wrapper-col="wrapperCol">-->
                      <!--<a-select placeholder="请选择收费项目">-->
                        <!--<a-select-option v-for="(item,index) in tollProject" :key="index" :value="item.value" @click="sf_click(item.value)">{{item.label}}</a-select-option>-->
                      <!--</a-select>-->
                    <!--</a-form-item>-->
                    <a-form-item label="项目/标准" :label-col="labelCol" :wrapper-col="wrapperCol">
                      <a-cascader :options="options" placeholder="请选择收费项目/标准" @change="selectProject"/>
                    </a-form-item>
                  </a-col>
                  <a-col span="24">
                    <a-form-item label="数据标签" :label-col="labelCol" :wrapper-col="wrapperCol">
                      <a-select placeholder="请选择标签">
                        <a-select-option v-for="(item,index) in labels" :key="index" :value="item.id" @click="lab_click(item.id)">{{item.name}}</a-select-option>
                      </a-select>
                    </a-form-item>
                  </a-col>
                  <!--<a-col span="24">-->
                    <!--<a-form-item label="支付时间" :label-col="labelCol" :wrapper-col="wrapperCol">-->
                      <!--<a-form-item :style="{ display: 'inline-block', width: 'calc(50% - 12px)' }">-->
                        <!--<a-date-picker @change="start_time" style="width: 100%" />-->
                      <!--</a-form-item>-->
                      <!--<span :style="{ display: 'inline-block', width: '24px', textAlign: 'center' }">-</span>-->
                      <!--<a-form-item :style="{ display: 'inline-block', width: 'calc(50% - 12px)' }">-->
                        <!--<a-date-picker @change="end_time" style="width: 100%" />-->
                      <!--</a-form-item>-->
                    <!--</a-form-item>-->
                  <!--</a-col>-->
                  <a-col span="24">
                    <a-form-item label="应收金额区间" :label-col="labelCol" :wrapper-col="wrapperCol">
                      <a-input v-on:keyup="jine_min" style="width: 45%;" placeholder="最小"></a-input>
                      <a-input v-on:keyup="jine_max" style="margin-left:5%;width: 45%;" placeholder="最大"></a-input>
                    </a-form-item>
                  </a-col>
                  <a-col span="24">
                    <a-form-item label="关键词" :label-col="labelCol" :wrapper-col="wrapperCol">
                      <a-input v-on:keyup="gj_name" v-model="gj_name_value" placeholder="房号/车位号/车牌号/住户/手机号/备注"></a-input>
                    </a-form-item>
                  </a-col>
                </a-form>
              </a-row>
            </a-modal>
          </a-row>
        </a-col>
      </a-row>
      <br />
      <a-row>
        <s-table ref="table"
          :columns="columns"
          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
          :data="dataSource"
          :loading="loading"
          :scroll="{ x: 1500}"
        >
          <template slot="name" slot-scope="text, record" style="text-align: center">
            <span>{{text}}</span><br/>
            <span>({{record.start_time}})</span><br/>
            <span>({{record.end_time}})</span>
          </template>
          <template slot="house_user_text" slot-scope="text, record" style="text-align: center">
            <div v-if="record.house_user_text">
              <span>{{text}}</span>
            </div>
            <div v-else>
              <div v-for="(item,index) in record.house_user_list"><span>{{item.name}}</span><br/></div>
            </div>
          </template>
          <template slot="tel" slot-scope="text, record" style="text-align: center">
            <div v-if="record.house_user_text">
              <span></span>
            </div>
            <div v-else>
              <span v-for="(item,index) in record.house_user_list"><span>{{item.phone}}</span><br/></span>
            </div>
          </template>
          <template slot="price" slot-scope="text, record">
            <a-tooltip placement="right">
              {{text}}
              <template slot="title">
                <p>单价：¥{{record.one_money}}</p>
                <p>数量：{{record.num}}</p>
              </template>
              <a-icon type="bars"></a-icon>
            </a-tooltip>
          </template>
          <template slot="info" slot-scope="text, record">
            {{text}}
            <a-tooltip placement="left">
              <template slot="title">
                <p>{{record.label}}</p>
              </template>
              <a-icon type="bars" style="cursor: pointer;"></a-icon>
            </a-tooltip>
          </template>
          <template slot="remarks" slot-scope="text, record">
            <a-tooltip placement="left">
              <template slot="title">
                <p v-for="(item,index) in record.remark_list">{{item}}</p>
              </template>
              <a-icon type="bars" style="cursor: pointer;">{{text}}</a-icon>
            </a-tooltip>
          </template>
          <a slot="action" slot-scope="text,record" href="javascript:;">
            <a-dropdown :trigger="['click']">
              <a class="ant-dropdown-link" href="#">
                操作
                <a-icon type="down" />
              </a>
              <a-menu slot="overlay">
                <a-menu-item key="0">
                  <a-popconfirm title="是否要删除此行？" @confirm="remove(record.id)">
                    <a>删除</a>
                  </a-popconfirm>
                </a-menu-item>
              </a-menu>
            </a-dropdown>
          </a>
        </s-table>
        <a-row style="height:45px;background-color: #fafafa;border-bottom: 1px solid #e8e8e8" type="flex" justify="center">
            <a-col span="12"></a-col>
            <a-col span="4" align="center" style="line-height:45px">
              统计：
            </a-col>
            <a-col class="tdx_w" span="4" align="center" style="line-height:45px">
              应收金额
            </a-col>
            <a-col class="tdx_w" span="4" align="center"  style="line-height:45px">
              实收金额
            </a-col>
          
        </a-row>
        <a-row style="height:45px;background-color: #fafafa;" type="flex" justify="center">
            <a-col span="12"></a-col>
            <a-col span="4" align="center" style="line-height:45px">
              小计：
            </a-col>
            <a-col class="tdx_w" span="4" align="center" style="line-height:45px">
              ¥{{xp}}
            </a-col>
            <a-col class="tdx_w" span="4" align="center"  style="line-height:45px">
              ¥{{xm}}
            </a-col>
          
        </a-row>
        <a-row style="height:45px;background-color: #fafafa;" type="flex" justify="center">
            <a-col span="12"></a-col>
            <a-col span="4" align="center" style="line-height:45px">
              合计：
            </a-col>
            <a-col class="tdx_w" span="4" align="center" style="line-height:45px">
              ¥{{ps}}
            </a-col>
            <a-col class="tdx_w" span="4" align="center"  style="line-height:45px">
              ¥{{ms}}
            </a-col>
          
        </a-row>
      </a-row>
    </a-card>
  </a-row>
  </a-spin>
</template>

<script>
import { getNoPayMentList,moreNoDec,getCashierFormulaTwo,getProjectFix, } from '@/api/cashier'
import { mapGetters } from 'vuex'
import {STable} from '@/components'
export default {
    name: 'charge_not_pay_index',
    components: {
        STable
    },
    computed: {
       
    },
    data() {
        return {
            data: [],
            options: [],
            select_pay:[],
            selectedRowKeys: [],
            columns: [
              { title: 'ID', width: 100, dataIndex: 'id' },
              { title: '类型', width: 100, dataIndex: 'type_text' },
              { title: '小区', width: 100, dataIndex: 'bd_bu_text' },
              { title: '房号/车位/车辆', width: 200, dataIndex: 'info',scopedSlots: { customRender: 'info' } },
              // { title: '开始时间', width: 200, dataIndex: 'start_time' },
              // { title: '结束时间', width: 200, dataIndex: 'end_time' },
              { title: '费用名称/时间', width: 200, dataIndex: 'name',scopedSlots: { customRender: 'name' } },
              { title: '住户', width: 150, dataIndex: 'house_user_text',scopedSlots: { customRender: 'house_user_text' } },
              { title: '手机号', width: 150, dataIndex: 'tel',scopedSlots: { customRender: 'tel' } },
              { title: '应收金额', width: 150, dataIndex: 'price',scopedSlots: { customRender: 'price' } },
              { title: '应缴金额', width: 150, dataIndex: 'money' },
              { title: '备注', width: 150, dataIndex: 'remarks',scopedSlots: { customRender: 'remarks' } },
              {
                  title: '操作',
                  key: 'operation',
                  fixed: 'right',
                  width: 100,
                  scopedSlots: { customRender: 'action' }
              }
            ],
            lei:0,
            pas:[],
            visible: false,
            spinning:false,
            bd_pro_id:0,
            bd_pro_id2:0,
            messages:'',
            exportVisible: false,
            exportVisible2: false,
            loading:false,
            baseURL:this.axios.defaults.baseURL,
            tollProjectList1:[],
            tollProjectList2:[],
            tollProject:[],
            searchVisible:false,
            confirmLoading:false,
            bd_id:0,
            lab_id:0,
            p_dt_id:0,
            type:0,
            jine_max_val:'',
            jine_min_val:'',
            gj_name_value:'',
            status:'',
            sou:'',
            sf:0,
            labelCol: {
                xs: { span: 24 },
                sm: { span: 6 },
            },
            wrapperCol: {
                xs: { span: 24 },
                sm: { span: 14 },
            },
            ps:0,
            ms:0,
            xp:0,
            xm:0,
            type_list:[{name:'房屋',id:1},{name:'车辆',id:2},{name:'车位',id:3}],
            bd_info:[],
            labels:[],
            qu_s:'',
            show_se:false,
            queryParam: {},
            dataSource:parameter => {
                this.pas = parameter;
                return this.getList(Object.assign(parameter, this.queryParam))
                    .then(res => {
                        return res
                    })
            },
        }
    },
    mounted() {
        this.getBdList();
        this.getLabList();
        this.getTollProject()
        this.getFormula()
    },
    methods: {
        ...mapGetters(['token', 'pmsArId', 'nowMg']),
        exportOk1() {
            this.spinning=true;
            this.baseExcDate={pageNo:1,pageSize:100};
            this.exportVisible = false;
            let qu = [];
            if (this.gj_name_value) {
                qu['name'] = this.gj_name_value;
            } else {
                qu['name'] = this.house_name_value;
            }
            qu['type'] = this.type;
            qu['start_time'] = this.start_time_value;
            qu['end_time'] = this.end_time_value;
            qu['jine_max'] = this.jine_max_val;
            qu['jine_min'] = this.jine_min_val;
            qu['gj_name_value'] = this.gj_name_value;
            qu['status'] = this.status;
            qu['admin'] = this.admin;
            qu['sf'] = this.sf;
            qu['sou'] = this.sou;
            qu['lab_id'] = this.lab_id;
            qu['bd_id'] = this.bd_id;
            qu['pro_det_id'] = this.p_dt_id;
            this.escec(Object.assign(this.baseExcDate, qu))
        },
        export_se_cel(){
            this.show_se = false;
        },
        export_se () {
            let qu = '';
            if (this.gj_name_value) {
                qu = this.gj_name_value;
            } else {
                qu = this.house_name_value;
            }
            let dit = {name:qu,type:this.type,
                jine_max:this.jine_max_val,
                jine_min:this.jine_min_val,
                status:this.status,
                admin:this.admin,
                sf:this.sf,
                sou:this.sou,
                lab_id:this.lab_id,
                bd_id:this.bd_id,
                pro_det_id:this.p_dt_id};
            this.axios({
                method:'post',
                url:'/cashier/not_pay_exp_se',
                data:Object.assign(dit,{token:this.token()})
            }).then(res => {
                if(res.code==0){
                    this.show_se = true;
                    this.qu_s = res.msg;
                }else if(res.code==1000){
                    this.spinning=false;
                }else{
                    this.spinning=false;
                    this.$message.warning(res.msg,2)
                }
            }).catch(err => {
                this.spinning=false;
                this.$message.error('服务器发生错误...',2);
            }).finally(() => {
                this.loading = false;
            })
        },
        onSelectChange(selectedRowKeys){
            this.select_pay = [];
            this.selectedRowKeys = selectedRowKeys;
            for (let i = 0;i < selectedRowKeys.length;i++) {
                this.select_pay.push(this.data[selectedRowKeys[i]].id)
            }
            if (selectedRowKeys.length > 0) {
                document.getElementById('print_true').disabled='';
            } else {
                document.getElementById('print_true').disabled=true;
            }
        },
        getFormula() {
            getCashierFormulaTwo({token:this.token()}).then(res => {
                let ifo = {label:'所有',value:0};
                res.data.unshift(ifo);
                this.options = res.data
            }).catch(err => {
                console.log(err)
            })
        },
        searchOk() {
            this.searchVisible = false;
            this.queryParam['type'] = this.type;
            this.queryParam['start_time'] = this.start_time_value;
            this.queryParam['end_time'] = this.end_time_value;
            this.queryParam['jine_max'] = this.jine_max_val;
            this.queryParam['jine_min'] = this.jine_min_val;
            this.queryParam['gj_name_value'] = this.gj_name_value;
            this.queryParam['name'] = '';
            this.queryParam['status'] = this.status;
            this.queryParam['admin'] = this.admin;
            this.queryParam['sf'] = this.sf;
            this.queryParam['sou'] = this.sou;
            this.queryParam['lab_id'] = this.lab_id;
            this.queryParam['bd_id'] = this.bd_id;
            this.queryParam['pro_det_id'] = this.p_dt_id;
            this.$refs.table.refresh(true);
        },
        bd_click(v){
            this.bd_id = v;
        },
        lab_click(v){
            this.lab_id = v;
        },
        start_time(date, dateString) {
            this.start_time_value = dateString;
        },
        end_time(date, dateString){
            this.end_time_value = dateString;
        },
        soufei_click(v){
            this.sf = v;
        },
        getTollProject() {
            this.axios({
                method:'post',
                url:'/houses/getTollProject_copy',
                data:{token:this.token()}
            }).then(res => {
                this.tollProjectList1=res.data.t1
                this.tollProjectList2=res.data.t2
                if(this.addType==1){
                    this.tollProject =  this.tollProjectList1
                }else{
                    this.tollProject =  this.tollProjectList2
                }
            }).catch(err => {
                this.$message.error('服务器发生错误...',2);
            })
        },
        sf_click(v){
            this.sf = v;
        },
        gj_name(v){
            this.gj_name_value = v.target.value;
        },
        jine_min(v){
            this.jine_min_val = v.target.value;
        },
        jine_max(v){
            this.jine_max_val = v.target.value;
        },
        type_click(v){
            this.type = v;
        },
        searchModal() {
            this.searchVisible = true
        },
        searchCancel() {
            this.searchVisible = false
        },
        showModal() {
            this.visible = true
        },
        handleOk(e) {
            this.visible = false
        },
        handleCancel(e) {
            this.visible = false
        },
        exportModal() {
            this.exportVisible = true
        },
        exportModal2() {
            this.exportVisible2 = true
        },
        remove(id) {
            this.select_pay = [id];
            this.moreDec();
        },
        moreDec(){
            moreNoDec(Object.assign({ids:this.select_pay},{token:this.token()})).then(res => {
                if(res.code == 0) {
                    this.$notification.success({
                        message: '成功',
                        description: res.msg
                    })
                    setTimeout(() => {
                        this.selectedRowKeys=[],
                        this.$refs.table.refresh(true);
                    }, 1000)
                } else {
                    this.$notification['error']({
                        message: '错误',
                        description: res.msg,
                        duration: 4
                    })
                }

            }).catch(err => {
                this.$notification['error']({
                    message: '错误',
                    description: ((err.response || {}).data || {}).message || err || '请求出现错误，请稍后再试',
                    duration: 4
                })
            })
        },
        getList(param) {
            return new Promise((resolve,reject) => {
                this.axios({
                    method:'get',
                    url: '/cashier/get_no_pay_list',
                    params:Object.assign(param,{token:this.token(),ar_id: this.pmsArId(),cm_mg_id: this.nowMg()})
                }).then(res => {
                    if(res.code === 0){
                        resolve(res.data);
                        this.data = res.data['data'];
                        this.ps = res.data['ps'];
                        this.ms = res.data['ms'];
                        this.xp = res.data['x_p'];
                        this.xm = res.data['x_m'];
                    }else{
                        this.$message.error(res.data.msg,2);
                    }
                }).catch(err => {
                    this.$message.error('服务器发生错误...',2);
                    this.loading = false;
                })
            })
        },
        getBdList(){
            this.axios({
                method:'get',
                url:'/community/get_bd_config_list',
                params:{token:this.token(),ar_id: this.pmsArId(),cm_mg_id: this.nowMg()}
            }).then(res => {
                let { code,msg,data } = res;
                if(code === 0){
                    let ifo = {id:0,name:'所有小区'};
                    data.unshift(ifo);
                    this.bd_info=data
                }else this.$message.warning(msg);
            }).catch(err => {
                this.$message.error('服务器发生错误...');
            })
        },
        getLabList(){
            this.axios({
                method:'get',
                url:'/community/get_lab_list',
                params:{token:this.token(),ar_id: this.pmsArId(),cm_mg_id: this.nowMg()}
            }).then(res => {
                let { code,msg,data } = res;
                if(code === 0){
                    let ifo = {id:0,name:'全部'};
                    data.unshift(ifo);
                    this.labels = data
                }else this.$message.warning(msg);
            }).catch(err => {
                this.$message.error('服务器发生错误...');
            })
        },
        // labels
        exportOk() {
            this.spinning=true;
            this.baseExcDate={pageNo:1,pageSize:100};
            this.exportVisible = false;
            let qu = [];
            this.escec(Object.assign(this.baseExcDate, qu))
        },
        exportCancel() {
            this.exportVisible = false
        },
        exportOk2() {
            this.spinning=true;
            this.baseExcDate={pageNo:1,pageSize:100};
            this.exportVisible2 = false;
            let qu = [];
            qu['bd_info_id'] = this.bd_id;
            qu['message'] = this.messages;
            qu['type'] = this.type;
            qu['lei'] = this.lei;
            qu['start_time'] = this.start_time_value;
            qu['end_time'] = this.end_time_value;
            qu['jine_max'] = this.jine_max_val;
            qu['jine_min'] = this.jine_min_val;
            qu['gj_name_value'] = this.gj_name_value;
            qu['status'] = this.status;
            qu['admin'] = this.admin;
            qu['sou'] = this.sou;
            qu['sf'] = this.sf;
            qu['bd_id'] = this.bd_id;
            qu['lab_id'] = this.lab_id;
            this.escec(Object.assign(this.baseExcDate, qu))
        },
        exportCancel2() {
            this.exportVisible2 = false
        },
        escec(param){
            this.loading = true;
            const _this=this;
            this.axios({
                method:'post',
                url:'/cashier/not_pay_exp',
                data:Object.assign(param,{token:this.token()})
            }).then(res => {
                if(res.code==0){
                    this.$message.success(`正在生成账单请不要刷新页面\n 当前${res.data.pageNo}/${res.data.totalPage}`,2);
                    // if(res.data.totalCount>res.data.pageNo){
                    _this.baseExcDate.pageNo=_this.baseExcDate.pageNo+1;
                    setTimeout(function(){
                      _this.escec(Object.assign(_this.baseExcDate, _this.queryParam))
                    },1400)  
                    // }
                }else if(res.code==1000){
                    this.spinning=false;
                    window.location.href=this.baseURL+res.url;
                }else{
                    this.spinning=false;
                    this.$message.warning(res.msg,2)
                }
            }).catch(err => {
                this.spinning=false;
                this.$message.error('服务器发生错误...',2);
            }).finally(() => {
                this.loading = false;
            })
        },
        bdPro(v){
            this.bd_pro_id = this.bd_info[v].id;
        },
        bdPro2(v){
            this.bd_pro_id2 = this.bd_info[v].id;
        },
        bd_see(v){
            this.lei = this.type_list[v].id;
        },
        onSearch(value) {
            this.queryParam['name'] = value;
            this.queryParam['type'] = '';
            this.queryParam['start_time'] = '';
            this.queryParam['end_time'] = '';
            this.queryParam['jine_max'] = '';
            this.queryParam['jine_min'] = '';
            this.queryParam['gj_name_value'] = '';
            this.queryParam['status'] = '';
            this.queryParam['admin'] = '';
            this.queryParam['sf'] = '';
            this.queryParam['sou'] = '';
            this.queryParam['bd_id'] = '';
            this.queryParam['pro_det_id'] = '';
            this.queryParam['lab_id'] = '';
            this.house_name_value = value;
            this.$refs.table.refresh(true);
        },
        selectProject(value) {
            this.p_dt_id = value[1];
        }
    }
}
</script>

<style scoped>
  .tdx{
    width: 100px;
  }
  .tdx_w{
    font-weight:600;
  }
</style>